@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --background: #ffffff;
  --foreground: #171717;
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: Arial, Helvetica, sans-serif;
  margin: 0; /* 移除默认外边距 */
  padding: 0; /* 移除默认内边距 */
  -webkit-font-smoothing: antialiased; /* 优化字体渲染 */
  -webkit-tap-highlight-color: transparent; /* 移除点击高亮 */
  width: 100vw;
  height: 100vh;
}

html {
  font-size: 16px; /* 设置基础字体大小 */
  -webkit-text-size-adjust: 100%; /* 禁止 iOS 自动调整字体大小 */
  touch-action: manipulation; /* 优化触摸响应 */
}

img {
  max-width: 100%; /* 图片自适应 */
  height: auto; /* 保持图片比例 */
  display: block; /* 移除图片底部间隙 */
}

a {
  text-decoration: none; /* 移除链接下划线 */
  color: inherit; /* 链接颜色继承父元素 */
}

button {
  all: unset; /* 重置按钮样式 */
  cursor: pointer; /* 鼠标样式为手型 */
}

* {
  box-sizing: border-box; /* 统一盒模型 */
}
